<html>
   <head>
   <title>WebSocket</title>
   </head>
   <body>
     <h1>WebSocket</h1>
    <input type="text" id="snedTxt" />
    <button id="sendb">发送</button>
    <div id="recv"></div>
      <script type="text/javascript">
			// 创建webSocket的实例
      var ws = new WebSocket("ws://localhost:3000/");// 设置服务器地址 //
			
      ws.onopen=function(){
				// onopen 连接成功时，触发 //
        console.log("websocket open");
        document.getElementById("recv").innerHTML="Connected";
      }
      ws.onclose=function(){ 
				// onclose 断开触发 //
        console.log("websocket close");
				document.getElementById("recv").innerHTML="Closed";
      }
      ws.onmessage =function(e){ 
				// onmessage 接收到信息触发  //
				console.log("收到服务端信息：", e.data);
				document.getElementById("recv").innerHTML = e.data;
      }
      document.getElementById("sendb").onclick=function(){ 
				// 监测 id=“sendb”的 按钮 触发 onclick 就会发送数据 send //
        var txt = document.getElementById("snedTxt").value;
        ws.send(txt);
      }
      </script>
   </body>
</html>